<html lang="cn">

<head>
  <meta charset="UTF-8">
  <script src="./rem.js"></script>
  <meta name="format-detection" content="telephone = no">
  <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <title></title>
  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script> -->
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <link rel="stylesheet" href="./common.css">
  <link rel="stylesheet" href="./newBrandDetails.css">
  <script>
    function rembig(){
      setRemSize()
      window.addEventListener("resize",setRemSize,false)
      function setRemSize(){
        var width = document.documentElement.clientWidth
        if (width > 750) {
            width = 750
        }
        var _clientWidth = width / 7.5+'px'
        document.documentElement.style.fontSize = _clientWidth
      }
    }
    rembig()
  </script>
</head>

<body>
  <div class="container">
    <div class="content">
      <div class="topInfo">
        <div class="logoGroup">
          <div class="logoImage">
            <img src="" alt="" srcset="">
          </div>
          <div class="brandName needEllipsis">Nike耐克</div>
        </div>
        <div class="qrcode">
          <img src="./images/newBrandDetails/ppxq_ewm_icon.png">
        </div>
        <ul class="basicInfo ">
          <li>
            <p>8</p>
            <p>品牌排名</p>
          </li>
          <div class="line"></div>
          <li>
            <p>5868</p>
            <p>品牌影响力</p>
          </li>
          <!-- <div class="line"></div>
          <li>
            <p>8</p>
            <p>品牌排名</p>
          </li> -->
        </ul>
      </div>
      <div class="brandDetails">
        <div class="title">品牌详情</div>
        <ul class="bottomDetails">
          <li>
            <div class="left">品牌行业:</div>
            <div class="right">电动自行车</div>
          </li>
          <li>
            <div class="left">企业网址:</div>
            <div class="right">http:///pinpai@www.com</div>
          </li>
          <li>
            <div class="left">企业名称:</div>
            <div class="right">北京市海淀区中关村108-01北京市海淀区中关村108-01北京市海淀区中关村108-01北京市海淀区中关村108-01</div>
          </li>
          <li>
            <div class="left">企业地址:</div>
            <div class="right">电动自行车</div>
          </li>
          <li>
            <div class="left">经营范围:</div>
            <div class="right">etegrgrewgetegrgrewgetegrgrewgetegrgrewgetegrgrewg</div>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <div class="mark closeCode">
    <div class="innerImg">
      <img class="closeSelf" src="./images/newBrandDetails/ppxq_gb_btn_icon.png" alt="" srcset="">
    </div>
  </div>
</body>
</html>

<script>
var brandDetailsInit = {
  dialog: function () {
    $('.mark').css('height', document.body.scrollHeight + 'px')
    // $('.innerImg').css('height', document.body.clientHeight + 'px')
    $('.qrcode').click(function () {
      $('.closeCode').fadeIn(133)
    })
    $('.innerImg').click(function (e) {
      e.stopPropagation()
    })
    $('.mark').click(function () {
      $(this).hide()
    })
    $('.closeSelf').click(function () {
      $('.closeCode').hide()
    })
  }
}
$(document).ready(function () {

  for (var i in brandDetailsInit) {
    brandDetailsInit[i]()
  }
  var con = new Contact()
  con.addTopBack({src: './images/newIndex/ppsj_fhsy_btn_icon.png'})
})
</script>
